<style>
/*bootstrap-select插件用到的，也可以不用*/
.bootstrap-select.open .dropdown-toggle {
    border-color: #33cabb!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(51, 202, 187, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(51, 202, 187, .6);
}
.bootstrap-select.open .dropdown-menu.open {
    border: 1px solid #ebebeb;
}
/*示例二、三、四、五*/
.p-t-5 {
    padding-top: 5px;
}
/*示例五*/
.input-group-controls {
    height: 36px;
    flex: 1 1 0%;
    border: 1px solid #F2F3F3;
    padding-left: 15px;
}
@media (min-width: 576px){
	.modal-dialog {
	    max-width: 1050px;
	}
}
</style> 
<link href="/css/materialdesignicons.min.css" rel="stylesheet">
<!-- fontIconPicker core CSS -->
<link rel="stylesheet" type="text/css" href="/js/fontIconPicker3.1/css/base/jquery.fonticonpicker.min.css" />
<!-- required default theme -->
<link rel="stylesheet" type="text/css" href="js/fontIconPicker3.1/css/themes/grey-theme/jquery.fonticonpicker.grey.min.css"/>              
                <div class="modal fade" id="addPageModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalGridTitle" aria-hidden="true">
                  <div class="modal-dialog modal-dialog-centered" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <h6 class="modal-title" id="exampleModalGridTitle">新增页面</h6>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                          <span aria-hidden="true">&times;</span>
                        </button>
                      </div>
                      <div class="modal-body">
				        <div class="row no-gutters">
				          <div class="col-lg-12">
				            <div class="card">
				              <div class="card-body">
				                <form action="#!" method="post" class="row no-gutters" id="pageAddForm">
				                <div class="col-9 no-gutters">
				                  <div class="form-group col-md-12">
				                    <label for="title">标题</label>
				                    <input type="text" class="form-control" id="postTitle" name="postTitle" value="" placeholder="请输入标题" />
				                    <input type="hidden" name="id" id="id"/>
				                  </div>
				                  <div class="form-group col-md-12">
				                    <label for="seo_keywords">关键词</label>
				                    <input type="text" class="form-control" id="seoKeywords" name="seoKeywords" value="" placeholder="关键词" />
				                  </div>
				                  <div class="form-group col-md-12">
				                    <label for="seo_description">描述</label>
				                    <textarea class="form-control" id="postExcerpt" name="postExcerpt" rows="5"  placeholder="描述"></textarea>
				                  </div>
				                  <div class="form-group col-md-12">
				                    <label for="content">内容</label>
				                     <textarea class="ignore form-control" id="postContent" name="postContent"   placeholder="文章内容"></textarea>
				                  </div>
				                 </div>
				                 <div class="col-3">
				                  <div class="form-group col-md-12">
				                    <label for="template">模板</label>
				                    <input type="text" class="form-control" id="template" name="template"  placeholder="模板" />
				                  </div>
				                  <div class="form-group col-md-12">
				                    <label for="status">评论状态</label>
				                    <div class="clearfix">
				                      <div class="custom-control custom-radio custom-control-inline">
				      	              <input type="radio" id="statusOne" name="commentStatus" class="custom-control-input" value="closed">
				      	              <label class="custom-control-label" for="statusOne">关闭</label>
				      	            </div>
				      	            <div class="custom-control custom-radio custom-control-inline">
				      	              <input type="radio" id="statusTwo" name="commentStatus" class="custom-control-input" value="open">
				      	              <label class="custom-control-label" for="statusTwo">开启</label>
				      	            </div>
				                    </div>
				                  </div>				                 
				                 </div> 
				                </form>
				              </div>
				            </div>
				          </div>
				        </div>
                      </div>
                      <div class="modal-footer">
                        <button type="button" class="btn btn-secondary btn-close">关闭</button>
                        <button type="button" class="btn btn-primary"  name="save" id="pageAddBtn">保存</button>
                        <button class="btn-hide"></button>
                      </div>
                    </div>
                  </div>
                </div>
			<!-- fontIconPicker JS -->
			<script type="text/javascript" src="/js/fontIconPicker3.1/js/jquery.fonticonpicker.min.js"></script>                